body{
    background: rgb(243, 239, 239);
}

.wrap{
    width: 1200px;
    margin: 0 auto;
    margin-top:60px;
    margin-bottom: 60px;
}

a:hover{
    text-decoration: none;
}
.title{
    margin-bottom: 20px;
}
.more{
    width: 150px;
    height: 40px;
    position: absolute;
    left: 50%;
    margin-left: -75px;
    bottom: 0;
    text-align: center;
    border: 2px solid #f00;
    border-radius: 8px;
    color: red;
    line-height: 40px;
    cursor: pointer;
}

.hot{
    position: relative;
    height: 630px;
    a:hover{
        text-decoration: none;
    }
    a{
        color: #000;
    }
    .left{
        float: left;
        width:660px;
        height: 600px;
        margin-right: 20px;
        .banner{
            float: left;
            width: 660px;
            height: 340px;
            img{
                width: 660px;
                height:340px;
            }
        }
        p{
            margin: 0;
        }
        a{
            color: rgb(85, 81, 81);
            font-size: 12px;
        }
        .con_left{
            margin-top: 38px;
            float: left;
            width: 330px;
            
        }
        .con_right{
            margin-top: 38px;            
            float:left;
            width: 330px;
            
        }
        h6{
            color: red;
        }
       

    }
    .center{
        float: left;
        width: 220px;
        height: 600px;
        margin-right: 20px;
        .item{
            width: 220px;
            height: 172px;
            img{
                width: 220px;
                height: 130px;
            }
            .center_title{
                margin-top: 8px;
                
            }
        }
    }
    .right{
        float: left;
        width:280px;
        height: 600px; 
        img{
            width: 280px;
            height: 410px;
        }
        .right_title{
            font-weight: bold;
            margin-top: 10px;
            margin-bottom: 15px;
        }
        p{
            font-size: 12px;
            line-height: 18px;
        }
    }
}

.guess_like{
    margin-top: 50px;
    position: relative;
    height: 330px;
    .change{
        padding-left: 26px;
        background: url(/images/home/shuaxin.png) left center no-repeat;
        cursor: pointer;
        color: red;
    }
    img{
        width: 200px;
        height: 133px;
    }
    li{
        list-style: none;
        margin: 10px 0;
        a{
            color: #000;
            line-height: 18px;
           
            width: 168px;
            display: inline-block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-size: 14px;
            vertical-align: middle;
        }
        a:hover{
            text-decoration: none;
        }
        span{
            
            display: inline-block;
            width: 30px;
            height: 18px;
            border-radius: 5px;
            font-size: 12px;
            background: rgb(240, 41, 41);
            color: #fff;
            text-align: center;
            vertical-align: middle;
            
        }
    }

}

.top{
    margin-top:60px;
    height: 460px;
    position: relative;
    .one{
        width: 594px;
        height: 320px;
        position: relative;
        img{
            width: 594px;
            height: 320px;
        }
    }
    .two,.three,.four{
        margin-left: 5px;
        width: 195px;
        height:320px;
        position: relative;
        img{
            width:195px;
            height: 260px;
        }
    }
    a{
        color: #000;
        .title{
            font-size: 16px;
            line-height: 34px;
            font-weight: bold;
            margin-bottom: 5px;
        }
        p{
            font-size: 14px;
            color: rgb(26, 24, 24);
        }

    }
    span{
        background: rgb(248, 27, 27);
        color: #fff;
        width: 50px;
        height: 50px;
        border-radius: 25px 25px;
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
        line-height: 50px;
        font-size: 24px;
    }
    .span2{
        background: rgb(207, 53, 53);
    }

    .span3{
        background: rgb(202, 99, 99);
    }
    .span4{
        background: rgb(82, 53, 53);
    }
    
    
}

.tv{
    margin-top: 60px;
    height: 450px;
    position: relative;
    .img_1{
        width: 375px;
        img{
            width: 395px;
            height: 335px;
        }
    }
    .item{
        background:rgb(241, 230, 230);
        height: 162px;
        width: 185px;
        margin-left: 10px;
        margin-bottom: 10px;
        p{
            margin-left: 10px;            
            overflow: hidden;
            font-size: 12px;
            color: rgb(61, 58, 58);
            padding-bottom: 8px;
        }
        h5{
            margin-left: 10px;
            margin-top: 10px;
            font-size: 14px;
            display: block;
            height:16px;
            width: 200px;
            
        }
        img{
            width: 185px;
            height: 100px;
        }
    }
    .tv_top{
        span{
            display: inline-block;
            margin: 6px;
        }
        i{
            display: inline-block;
            color:#fff;
            width: 18px;
            height: 18px;
            font-size: 14px;
            text-align: center;
            line-height: 18px;
            background: rgb(78, 71, 71);
            margin-right: 8px;
        }
        .no_1{
            position: relative;
            
            img{
                width: 170px;
                height: 90px;
            }
            i{
                background: red;
                width: 35px;
                height: 35px;
                display: inline-block;
                font-size: 24px;
                line-height: 35px;
                text-align: center;
                position: absolute;
                left: 5px;
                top:70px;
            }
            span{
                padding-left: 45px;
            }
        }
        .no_2{
            i{
                background: rgb(184, 53, 53);

            }
        }
        .no_3{
            i{
                background: rgb(241, 237, 9);

            }
        }
    }
    
}

.will_show{
    margin-top: 60px;
    position: relative;
    height: 460px;
    .line{
        width: 100%;
        height: 1px;
        margin-bottom: 10px;
        margin-top: 60px;
        background: rgb(201, 183, 183);
    }
    .show{
        margin-right: 40px;
        position: relative;
        .show_title{
            margin-top: 10px;
        }
    }
    img{
        width: 220px;
        height: 260px;
    }
    .date{
        width: 100%;
        height:30px;
        position: absolute;
        left: 15px;
        top: -47px;
        span{
            width: 100px;
            text-align: center;
            display: inline-block;
            position: absolute;
            left: 50%;
            margin-left: -50px;

        }
        i{
            display: inline-block;
            width: 6px;
            height: 6px;
            border-radius: 50% 50%;
            background: red;
            position: absolute;
            left: 50%;
            margin-left: -3px;
            bottom: -10px;
        }
    }
}

.comment{
    margin-top: 60px;
    height: 522px;
    img{
        width: 480px;
        height: 280px;
    }
    .from{
        color: rgb(129, 125, 125);
        font-size: 12px;
        line-height: 38px;
        margin-bottom: 5px;
        i{
            width: 30px;
            height: 20px;
            text-align: center;
            line-height: 20px;
            background: rgb(236, 50, 50);
            color: #fff;
            display: inline-block;
            margin-left: 100px;
            border-radius: 2px;
        }
    }
    .content{
        p{
            font-size: 14px;
            text-indent: 20px;
        }
    }
    .c_img{
        img{
            width: 210px;
            height: 120px;
        }
    }
    .right{
        margin-left: 0px;
    }
    .item{
        margin-bottom: 20px;
        height: 138px;
    }

}